<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table{
            width: 800px;
            height: 300px;

        }

        table td{
            border: 1px solid #069;
        }

        body{
            text-align: center;
        }
    </style>
</head>
<body>
    <script>
        /* 
            一共9行 每行有列 个数不一样 双重循环 
            外层循环控制行数 i 循环 9次  可以打印9行 
            内层循环控制每行的列数  j
            // 每行的列数 j <= i  小于等于行数 
            // 每行完成以后需要换行 

        
        
        */
        // for(var i=1;i<=9;i++){ //i行数 第几行
        //     for(var j=1;j<=i;j++){
        //         document.write(j+'*'+i+'='+i*j+'&nbsp;&nbsp;');
        //     }
        //     document.write("<br />");
        // }

        // 1 99 
        // 2 88 
        // 3 77
        // 4 66
        // 5 55
        // 6 44
        // 7 33
        // 8 22
        // 9 11
        document.write('<table >')
        var strs = 'js九九乘法口诀表i'
        document.write('<h1 >'+strs+'</h1>')
        for(var i=9;i>=1;i--){ //i行数 第几行
            document.write('<tr >')
            for(var j=1;j<=i;j++){
                document.write('<td>'+j+'*'+i+'='+i*j+'&nbsp;&nbsp;'+'</td>');
            }
            document.write("<br />");
            document.write('</tr >')
        }
        document.write('</ >')
        //外边控制行
        //里边控制列 
        //
    </script>
</body>
</html>